// 医疗器材统计
import LiquidFill from "../../../components/LiquidFill";
import NightingaleChart from "../../../components/NightingaleChart";
import StackedHorizontalBar from "../../../components/StackedHorizontalBar";
function MedicalEquipmentStatistics() {
  return (
    <div
      className="App"
      style={{
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        height: "100%",
      }}
    >
      <div
        style={{
          width: "40%",
          height: "100%",

          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          flexDirection: "column",
        }}
      >
        {/* 水球图 */}
        <div
          style={{
            width: "100%",
            height: "48%",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
          }}
        >
          <LiquidFill />
        </div>
        {/* 扇形图 */}
        <div style={{ width: "100%", height: "52%" }}>
          <NightingaleChart />
        </div>
      </div>
      {/* 柱状图 */}
      <div style={{ width: "60%", height: "100%" }}>
        <StackedHorizontalBar />
      </div>
    </div>
  );
}

export default MedicalEquipmentStatistics;
